<template>
      <hooyn-nav-bar
    class="header"
    leftIcon="arrow-left"
    title="店铺详情"
    leftIconfont="true"
    fontSize="16px"
    leftIconColor="#fff"
    color="#fff"
    backgroundColor="#68A0F7"
    :returnNav="true"
  />
  <div class="law-item">
    <div class="top-item">
        <p>商户介绍</p>
        <div class="item">
            广东法广律师事务所是广东省司法厅批准设立的.亦在中国司法部登记备案的合伙制律师事务所;本所律师均为中国注册律师，毕业于我国著名高等学府，既具有深厚的理论功底，又具有丰富的执业经验和良好的公共关系，能够应具体案件作出最有利于客户的专业方案和诉讼策略。具体业务领域里，尤其以民事商事法律服务与诉讼、公司合规、金融资本、知识产权、争议解决及行政法等板块的法律服务见长。
        </div>
    </div>
    <div class="conten-item">
        <p>商户介绍</p>
        <div class="item">
            <div class="itme-left">营业时间</div>
            <div class="itme-right">周一至 周五 09:00-17:30</div>
        </div>
        <div class="item">
            <div class="itme-left">联系电话</div>
            <div class="itme-right lisr">18194061380</div>
        </div>
        <div class="item">
            <div class="itme-left">联系地址</div>
            <div class="itme-right">广东省深圳市宝安区燕罗路2汇业金融大厦2层</div>
        </div>
    </div>
    <div class="item-bottom">
        <p>经营类目
 </p>
<div class="list">
    <ul>
        <li>合同审核</li>
    <li>公司并购</li>
    <li>诉讼代理服务</li>
    <li>法律咨询</li>
    <li>常年法律顾问服务</li>
    </ul>
</div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.law-item{
    background-color: #FBF9F8;
    height: calc(100vh - 53px);
    .top-item{
        margin-bottom: 1rem;
        background-color: #fff;
        padding:  0 1rem 1rem;
        p{
            margin: 0;
            font-size: 1.1rem;
            margin-bottom: .5rem;
            margin-top: .5rem;
            color: #3B3B3B;
        }
        .item{
            line-height: 1.4rem;
            font-size: .9rem;
            color: #3B3B3B;
        }
    }
    .conten-item{
        padding: 1rem;
        margin-bottom: 1rem;
        background-color: #fff;
        p{
            margin: 0;
            font-size: 1.1rem;
            margin-bottom: .6rem;
            margin-top: .7rem;
            color: #3B3B3B;
        }
        .item{
            margin-bottom: .4rem;
            display: flex;
            .itme-left{
                width: 50%;
                font-size: 0.9rem;
                line-height: 1.4rem;
                color: #787979;
            }
            .itme-right{
                font-size: 0.9rem;
                width: 50%;
                text-align: right;
                line-height: 1.4rem;
                color: #3B3B3B;
            }
            .lisr{
                color: #4990EB;
            }
        }
    }
    .item-bottom{
        padding: 1rem;
        padding: 1rem;
        background-color: #fff;
        p{
            margin: 0;
            font-size: 1.1rem;
            margin-bottom: .6rem;
            margin-top: .7rem;
            color: #3B3B3B;
        }
        .list{
            ul{
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                li{
                    margin-right: 1rem;
                    padding: .1rem .4rem;
                    font-size: .9rem;
                    border-radius: 1rem;
                    margin-bottom: .4rem;
                    background-color: #FBF9F8;
                }
            }
        }

    }
}
</style>